<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>

<html xmlns:c="http://java.sun.com/jsp/jstl/core">
<head>
	<!-- CSS-Dateien verknï¿½pfen -->
	<link type="text/css" rel="stylesheet" href="<c:url value="/resources/style/standard.css"/>" />
	<link type="text/css" rel="stylesheet" href="<c:url value="/resources/style/trailer.css"/>" />

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

	<title>Trailer</title>
</head>
<body>

	<!-- Header mit Menüleiste -->
	<%@ include file="./header.jsp" %>
	
	<h1>Trailer</h1>
	<div id="trailerNav">
		<ul>
			<li><a id="alle" class="button float">Alle Serientrailer</a></li>
			<li><a id="Comedy" class="button float">Komödie</a></li>
			<li><a id="Horror" class="button float">Horror</a></li>
			<li><a id="Krimi" class="button float">Krimi</a></li>
			<li><a id="Drama" class="button float">Drama</a></li>
			<li><a id="Fantasy" class="button float">Fantasy</a></li>
			<li><a id="Abenteuer" class="button float">Abenteuer</a></li>
			<li><a id="Action" class="button float">Action</a></li>
		</ul>
	</div>
	 
	<div id="anzeige">
	
	</div>
	
    <!-- Seitenfooter -->
	<%@ include file="./footer.jsp" %>
	<!--  JQuery & JavaScript Scripte einbinden -->
	
	<script>
		var trailerliste = new Array();
		
		<c:forEach var="trailerPaar" items="${trailerliste}">
			var trailerarray=new Array();
			trailerarray.push("${trailerPaar[0]}", "${trailerPaar[1]}", "${trailerPaar[2]}");
			trailerliste.push(trailerarray);
		</c:forEach>
	</script>
	
	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src=" <c:url value="/resources/script/standard.js"/> "></script>   
    <script type="text/javascript" src=" <c:url value="/resources/script/trailer.js"/> "></script>
</body>
</html>